@charset "utf-8";

.nav {
	position: fixed;
	display: grid;
	grid-template-columns: 1fr;
	gap: 70px;
	top: 50%;
	transform: translateY(-50%);
}

.lef_nav {
	left: 3%;
}

.right_nav {
	right: 3%;
}

button {
	background-color: #eee;
	border: none;
	padding: 1rem;
	font-size: 1rem;
	width: 10em;
	border-radius: 1rem;
	color: lightcoral;
	box-shadow: 0 0.4rem #dfd9d9;
	cursor: pointer;
	transition: all .3s;
}

button:active {
	color: white;
	box-shadow: 0 0.2rem #dfd9d9;
	transform: translateY(0.2rem);
}

button:hover:not(:disabled) {
	background: lightcoral;
	color: white;
	text-shadow: 0 0.1rem #bcb4b4;
}

button:disabled {
	cursor: auto;
	color: grey;
}